html,body{
    width: 100%;
    font:normal 12px 'MIcrosoft YaHei';
    margin:0;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
.wapper{
   width: 1100px;
   margin: 0 auto;
}
/* 通知 */
.top{
    background-color: #333;
}

.top .left{
    float: left;
    color: #cc9756;
}
.top .left a{
    color: #cc9756;
}
.top .left a:hover{
    color: #fff;
    text-decoration: none;
}
.top .right{
    margin-left: 530px;
}
.top .right::after{
    content: '';
    display: block;
    clear: both;
}
.top .right div{
    text-align: center;
    float: left;
    width: 80px;
    border-right: 1px solid #dfdfdf;
}
.top .right div:last-child{
    border: none;
}
.top .right div a{
    color: #ababab;
    text-decoration: none;

}
.top .right div a:hover{
    color: #fff;
}
/* 搜索、菜单 */
.bottom{
    background-color: #fff;
}
.bottom .search{
    background-color: aqua;
    height: 100px;
}
.bottom .menu{
    background-color: rgb(70, 78, 78);
    height: 100px;
}



html,body{
    width: 1250px;
    margin: 0;
    padding: 0;
    color: #333333;
}
.header{
    margin-top: 60px;
    padding-top: 60px;
}
/* 选择器 */
.popularity{
    margin-bottom: 60px;
    background-color: #f4f0eb;
    height: 780px;
}
.header>.name{
    margin: 0px 20px 0px 100px;
    padding-top: 0px;
    font-size: 28px;
    display: inline-block;
}
.header>.name:hover{
    color: #b1a07d;
    cursor: pointer;
}
.headerLeft{
    display: inline-block;
    margin: 10px 20px 10px 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.headerLeft:hover{
    cursor: pointer;
    color: #b1a07d;
}
.checked{
    color: #b1a07d;
    border-bottom: 2px solid #b1a07d;
}
.headerRight{
    margin-right: 60px;
    display: inline;
    float: right;
    margin-top: 10px;
}
.headerRight:hover{
    cursor: pointer;
    color: #b1a07d;
}
.headerRight,.headerLeft{
    font-size: 14px;
}
#productItemFirst{
    margin-left: 0px;
    width: 390px;
    height: 570px;
}
#productItemFirst>img{
    border: 0px solid #b1a07d;
    margin: 40px 35px;
    transition: padding 2s;
    
}
#productItemFirst>img:hover{
    margin: 35px 30px;
    width: 336px;
    height: 336px;
    cursor: pointer;
    transition: padding 2s;
}
.productItem{
    margin-left: 10px;
    background-color: #fff;
    width: 223px;
    height: 280px;
    float: left;
}
/* .productItem>:nth-child(3){          
    height: 180px;
    margin: 0px 21.5px 0px 21.5px;
}
.productItem>:nth-child(3):hover{
    cursor: pointer;
    margin: 35px 30px;
} */
.product{
    margin-left: 100px;
}
.product>:nth-child(5),
.product>:nth-child(6),
.product>:nth-child(7){
    margin-top: 10px;
}
.title{
    width: 100%;
    text-align: center;
    border-top: 1px solid #f4f0eb;
}
.title>.name1{
    margin: 50px 71px 13px 71px;
    padding-top: 0px;
    font-size: 18px;
    display: inline-block;
}
.title>.name1:hover{
    color: #b1a07d;
    cursor: pointer;
}
.title>.price1{
    color: #D4282D;
    font-size: 18px;
}
/* 其余商品的img和title */
#productItemSecond>img{
    border: 0px solid #b1a07d;
    margin: 0px 21.5px 0px 21.5px;
    width: 180px;
    height: 180px;
    transition: padding 2s;
}
#productItemSecond>img:hover{
    margin: 0px 23px 0px 23px;
    width: 189px;
    height: 189px;
    transition: padding 2s;
    cursor: pointer;
}
#productItemSecond > .title2{
    width: 100%;
    text-align: center;
    border-top: 1px solid #f4f0eb;
}
#productItemSecond > .title2 > .name2{
    padding-top: 24px;
    font-size: 13px;
    margin: 0px 43.5px 4px 43.5px;
    display: inline-block;
}
#productItemSecond > .title2 > .name2:hover{
    cursor: pointer;
    color: #b1a07d;
}
#productItemSecond > .title2 > .price2{
    margin-top: 0px;
    padding-top: 1px;
    padding-bottom: 9px;
    font-size: 13px;
    color: #D4282D;
}